.features-container {
    color: rgba(0, 0, 0, 0.65);
    position: relative;

    .title {
        border-bottom: 1px solid #e8e8e8;

        .layerName {
            margin: 8px;
            width: calc(~"100% - 50px");
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-weight: bold;
        }

        .operations {
            position: absolute;
            right: 0;
            top: 2px;

            i {
                cursor: pointer;

                &:hover {
                    color: #1890FF;
                }

                margin-left: 4px;

                &:last-child {
                    margin-right: 4px;
                }
            }
        }
    }

    .sql-options {
        margin: 8px 0 8px 8px;

        .option {
            font-weight: bold;
        }
    }

    .features-table {
        .editable-cell {
            position: relative;
        }

        .editable-cell-value-wrap {
            padding: 5px 12px;

            &.pointer-td {
                cursor: pointer;
            }
        }

        .editable-row:hover .editable-cell-value-wrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            padding: 4px 11px;
        }

        .caret-right {
            cursor: pointer;

            &:hover {
                color: #1890FF;
            }
        }
    }

}

tr {
    &.selected {
        background-color: rgba(0, 255, 255, .3);
        // TODO rgba加透明度
        box-shadow: 0 0 4px 0 rgba(0, 255, 255, .3);
    }
}

::ng-deep {
    .features-table {
        .ant-table.ant-table-small {
            max-height: calc(~"100vh - 290px");
            //min-width: 450px;
            overflow: auto;
        }
    }
}
